/* bakgrund: #272A2B;
 * text : #940500  
 * http://legendthemes.com/2010/04/10/designing-modern-web-forms-with-html-5-and-css3/
 * http://www.desyn.in/
 * */

body {
	margin: 0px;
    padding: 0px;
    background:black url(http://www.desyn.in/images/bg.png);
    height: 100%; 
    color: black;
    
    
}
.conteiner{
	margin: 0 auto;
	min-height: 100%;
   	margin-bottom: -330px;
   	position: relative;

}
.header{
    background:#1d1d1d url(http://www.desyn.in/images/ziggy.png) bottom left repeat-x;
    padding:30px 40px;
    position:relative;
    height: 200px;
}
.header h1{
    text-align:center;
    font:bold 36px/36px 'Abel', sans-serif;
    width:300px;
    margin:0px auto;
    padding:0px;
    line-height:46px;
    color: white;
}
.header #getintouch{
    padding-left:570px;
    text-align:left;
    padding-top:10px;
}
#getintouch p{
    font:italic 14px Arial, Helvetica, sans-serif;
    color:#c3c3c3;
    text-align:left;
}
.header h1 span{
    font:132px/98px bold 'Anton', sans-serif;
    color:#fedf00;
    display:block;
    font-size:132px;
    line-height:98px;
    font-weight:bold;
    font-family:'Anton', sans-serif;
}
.header h1 span strong{
    color:#fff965;
}
.header p{
    text-align:center;
}
}
.Main{
margin: 0px 0px 0px 450px;
}
#registration {

    color: #fff;
    background: #2d2d2d;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(60,60,60)),
        color-stop(0.74, rgb(43,43,43)),
        color-stop(1, rgb(60,60,60))
        );
     background: -moz-linear-gradient(
        center bottom,
        rgb(60,60,60) 0%,
        rgb(43,43,43) 74%,
        rgb(60,60,60) 100%
        );
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     margin: 10px;
     width: 430px;
     }

#registration a {
      color: #8c910b;
      text-shadow: 0px -1px 0px #000;
      }

#registration fieldset {
      padding: 20px;
      }

input.text {
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     border-radius: 15px;
     border:solid 1px #444;
     font-size: 14px;
     width: 90%;
     padding: 7px 8px 7px 8px;
     background: #ddd;
     background: -moz-linear-gradient(
          center bottom,
          rgb(225,225,225) 0%,
          rgb(215,215,215) 54%,
          rgb(173,173,173) 100%
     );
     background: -webkit-gradient(
          linear,
          left bottom,
          left top,
          color-stop(0, rgb(225,225,225)),
          color-stop(0.54, rgb(215,215,215)),
          color-stop(1, rgb(173,173,173))
      );
      color:#333;
      text-shadow:0px 1px 0px #FFF;
      -moz-box-shadow: 0px 1px 0px #777;
      -webkit-box-shadow: 0px 1px 0px #777;
      box-shadow: 0px 1px 0px #777;
 }

#registration h2 {
color: #fff;
text-shadow: 0px -1px 0px #000;
text-align: center;
padding: 18px;
margin: 0px;
font-weight: normal;
      font-size: 24px;
      font-family: Lucida Grande, Helvetica, Arial, sans-serif;
border-bottom: solid #181818 1px;
-moz-box-shadow: 0px 1px 0px #3a3a3a;
-webkit-box-shadow: 0px 1px 0px #3a3a3a;
box-shadow: 0px 1px 0px #3a3a3a;
      }

.Footer{

 background:#ffc600 url(http://www.desyn.in/images/wrk-bg.png) repeat-x;
 border-bottom:solid 1px #fff;
 height: 530px;

 
}
h1 {
color: black;
}
h2{
font-size:25px;
color: black;
margin: 0px 0px 5px 0px;

}



li{
color: white;

}
li:nth-child(odd) { 

background-color:#474545;
 }
li:nth-child(even){

 background-color:#948D8C ;

}
#submit:hover {background-color:#ffc600;}
#submit{
clear:both;
margin: 5px 5px 5px 5px;
min-width:125px;
height:31px;
background:#666666;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
input:focus
{ 
border 1px solid #383737;
}
.login{
text-align : center;
color: black;
font-size: 22px;
}
label{
font-size: 16px;

}
.list{

}
.registertoform{
 
}
#Registera{
clear:both;

width:100px;
height:20px;
background:#666666;
text-align:center;
float: right;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
#LogOut{
clear:both;

width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
.focusField{
    	border:solid 2px #73A6FF;
    	background:#EFF5FF;
    	color:#000;
    }
.idleField{
    	background:#EEE;
    	color: #6F6F6F;
		border: solid 2px #DFDFDF;
    }